<template>
	<view>
		<u-navbar :is-back="false" title="　" :border-bottom="false">
			<view class="u-flex u-row-right" style="width: 100%;">
				<view class="camera u-flex u-row-center">
					<u-icon name="camera-fill" color="#000000" size="48"></u-icon>
				</view>
			</view>
		</u-navbar>
		<view class="u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30">
			<view class="u-m-r-10">
				<navigator url="/pages/center/user/user">
					<u-avatar :src="pic" size="140"></u-avatar>
				</navigator>
			</view>
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">{{ vuex_user.nickName }}</view>
				<navigator url="/pages/center/user/user">
					<view class="u-font-14 u-tips-color">微信号:helang_uView</view>
				</navigator>
			</view>
			<view class="u-m-l-10 u-p-10">
				<u-icon name="scan" color="#969799" size="28"></u-icon>
			</view>
			<view class="u-m-l-10 u-p-10">
				<navigator url="/pages/center/user/user">
					<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
				</navigator>
			</view>
		</view>

		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item icon="rmb-circle" title="支付"></u-cell-item>
			</u-cell-group>
		</view>

		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item icon="star" title="收藏"></u-cell-item>
				<u-cell-item icon="photo" title="相册"></u-cell-item>
				<u-cell-item icon="coupon" title="卡券"></u-cell-item>
				<u-cell-item icon="heart" title="关注"></u-cell-item>
			</u-cell-group>
		</view>

		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item icon="setting" title="设置"></u-cell-item>
			</u-cell-group>
		</view>

		<u-tabbar :list="vuex_tabbar" :mid-button="true"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pic: 'https://uviewui.com/common/logo.png',
				show: true
			}
		},
		onLoad() {
			// // #ifdef H5
			// // 微信jssdk演示
			// this.$u.api.getWxJsTicket().then(res => {
			// 	let config = res.data
			// 	config.jsApiList = ['updateAppMessageShareData']
			// 	this.$jwx.initWxConfig(config)
			// 	this.$jwx.updateAppMessageShareData({title: "我的分享链接"}, function() {
			// 		console.log("我的分享链接")
			// 	})
			// })
			// // #endif
			this.$u.api.getInfo().then(res => {
				console.log(res);
			})
		},
		methods: {
			doSomeThing() {
				this.$dy_tool.toLogin(this.vuex_token)
				console.log("do something need login, you should toLogin before.")
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ededed;
	}

	.camera {
		width: 54px;
		height: 44px;

		&:active {
			background-color: #ededed;
		}
	}

	.user-box {
		background-color: #fff;
	}
</style>
